<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>

    </div>
</body>
<script>
    // js es6 ts
    // let 关键字 块级作用域 不能重复声明

    // if (true) {
    //     var a = 1
    //     var a = 11
    // }

    // console.log(a)
    // let a

    // var aa =10
    // if (true) {
    //
    //     aa = 20
    //     let aa
    //     console.log(aa)
    // }
    // var arr = [];
    // for (let i = 0; i < 2; i++) {
    //     arr[i] = function () {
    //         console.log(i);
    //     }
    // }
    // arr[0]();
    // arr[1]();

    const PI =3.14
    // PI = 3.00

    // const USER = {
    //     username: 'lisi'
    // }

    // USER = {
    //     age: 18
    // }
    //  USER.username = 'zhangsan'
    // console.log(USER)
    //
    const arr = [1,2,3]
    arr[0]
    //数组解构
    let [a1,b,c,d] = arr
    console.log(a1)
    console.log(b)
    console.log(c)
    console.log(d)

    //对象解构
    // let user = {
    //     name: 'why',
    //     age:18
    // }
    // let {name:name1,age} = user
    // console.log(name)
    // console.log(age)

    // // arr = []
    // arr[1] = 4
    // console.log(arr)

    // function fn(a,b) {
    //     console.log(a+b)
    // }
    // fn(1,2)
    //
    // const fn1 = (a=3) => a+1
    // console.log(fn1())


    const obj = { name: '张三'}
    // function fn () {
    //     console.log(this);//this 指向 是obj对象
    //     return () => {
    //         console.log(this);//this 指向 的是箭头函数定义的位置，那么这个箭头函数定义在fn里
    //        // 面，而这个fn指向是的obj对象，所以这个this也指向是obj对象
    //     }
    // }
    // console.log(this)
    // const resFn = fn();
    // resFn();

    // var username = "lisi"
    // let user = {
    //     username: 'zangsan',
    //     // eat: function () {
    //     //     console.log(this.username)
    //     // }
    //     eat() {
    //        console.log(this.username)
    //     }
    //     // eat: ()=>{
    //     //     console.log(this.username)
    //     // }
    // }
    // user.eat()


    // function sum (first, ...args) {
    //     console.log(first); // 10
    //     console.log(args); // [20, 30]
    // }
    // sum(10, 20, 30)

    let ary = [1, 4, 3]
    // //...ary // 1, 2, 3
    // console.log(...ary); // 1 2 3,相当于下面的代码
    // console.log(1,2,3);

    // var div = document.getElementsByTagName("div");
    // console.log(div)
    // console.log([...div])
    // console.log(ary.findIndex(item=>item==4))

    // let name = ()=>'张三'
    // let sayHello = `hello,my name is ${name()}`
    // console.log(sayHello)

    // let set = new Set([1,2,2,3]);
    // console.log(set)

    // let map1 = new Map(); // {size:0}
    // let map2 = new Map([['name','jack']]); // {'name' => 'jack'}
    // let map3 = new Map([['name','jack'],[{age:18},'bella']]); // {'name' =>
    // //'jack', {age:18} => 'bella'}
    //
    // console.log(map1)
    // console.log(map2)
    // console.log(map3)

    // let user= {
    //     age:19
    // }
    // function tea(name) {
    //     this.name = name
    // }
    // var tea1 = new tea('hh');
    // console.log(tea1)

    // let target = {a:1}
    // let source1 = {b:2}
    // let source2 = {a:4,c:3}
    // let assign = {...target,...source1,...source2}
    // console.info(assign)
    // class Stu{
    //     constructor(sn,age,clazz) {
    //         this.sn = sn
    //         this.age = age
    //         this.clazz = clazz
    //     }
    //
    //     info() {
    //         console.log(this.sn,this.age,this.clazz)
    //     }
    // }
    //  var stu = new Stu(123,10,'22-13');
    // stu.info()

    // class Fa{
    //     constructor(fusername) {
    //         this.fusername = fusername
    //     }
    //
    //     say() {
    //         console.log(this.fusername)
    //     }
    // }
    //
    // class Son extends Fa{
    //
    //     constructor(age) {
    //         super(age)
    //         this.age = age
    //     }
    //     say() {
    //         console.log("名字"+this.fusername)
    //     }
    //
    //     show() {
    //         console.log(this.age)
    //     }
    // }
    // var son = new Son("er");
    // son.say()
    // son.show()

    // 模块化讲完

</script>
<script src="main.js" type="module"></script>
<script src="jquery.js"></script>
<script src="axios.min.js"></script>
<script>
    // $.ajax({
    //     type:'get',
    //     url:'https://api.apiopen.top/api/sentences',
    //     data:'',
    //     dataType: 'json',
    //     success: function (res) {
    //         console.log(res)
    //     },
    // })

    axios.get('https://api.apiopen.top/api/getHaoKanVideo',{
        params:{
            page: 1,
            size: 5
        }
    }).then(res=>{
        console.log(res.data)
    })

    // axios.post("https://api.apiopen.top/api/login",{
    //     account: "309324904@qq.com",
    //     password: "123456"
    // }).then(res=>{
    //     console.log(res.data)
    // }).finally()
    //
    async function fn() {
        let res =  await axios.post("https://api.apiopen.top/api/login",{
                account: "309324904@qq.com",
                password: "123456"
            })
        console.log(res.data)
    }
    // fn()

    (()=>{
        console.log(12345)
    })()

</script>
</html>